.btn-bottom {
  padding: 24rpx 32rpx;
  box-shadow: 0px -16rpx 16rpx 0px rgba(0, 0, 0, 0.06);
  // .cancelButton {
  //   width: calc(50% - 11rpx);
  //   background: #FFFFFF;
  //   border-radius: 48rpx;
  //   border: 2rpx solid #DDDDDD;
  //   font-size: 32rpx;
  //   font-family: PingFangSC-Regular, PingFang SC;
  //   font-weight: 400;
  //   color: #333333;
  //   line-height: 44rpx;
  //   padding: 18rpx;
  //   text-align: center;
  // }

  .submitButton {
    // width: calc(50% - 11rpx);
    background: #486be2;
    border-radius: 48px;
    font-size: 32rpx;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: bold;
    color: #ffffff;
    line-height: 44rpx;
    padding: 18rpx;
    text-align: center;
  }
}

.scrollView {
  height: calc(
    100vh - 150rpx - env(safe-area-inset-bottom) - env(safe-area-inset-top)
  );
  background: #f7f8f9;
  box-sizing: border-box;
  .scrollContent {
    padding: 0 32rpx 32rpx;
  }
  .userInfo {
    background: #ffffff;
    border-radius: 16rpx;
    padding: 32rpx 24rpx;
    margin: 32rpx 0 16rpx;

    .addressView {
      display: flex;
      align-items: center;
      justify-content: space-between;

      .left {
        display: flex;
        align-items: center;
      }

      .addressIcon {
        width: 46rpx;
        height: 46rpx;
        margin-right: 18rpx;
      }

      .address {
        font-size: 32rpx;
        font-family: PingFangSC-Medium, PingFang SC;
        font-weight: bold;
        color: #333333;
        line-height: 44rpx;
      }

      .link {
        font-size: 28rpx;
        font-family: PingFangSC-Regular, PingFang SC;
        font-weight: 400;
        color: #666666;
        line-height: 40rpx;

        .phone {
          margin-left: 32rpx;
        }
      }

      .icon-rightArrow {
        font-size: 32rpx;
        color: #999;
      }
    }
  }

  .ProjectView {
    background: #ffffff;
    border-radius: 16rpx;
    margin-bottom: 16rpx;
    padding: 30rpx 24rpx 32rpx 24rpx;
    .businessContent {
      padding-bottom: 32rpx;
      display: flex;

      .image {
        height: 144rpx;
        width: 144rpx;
        margin-right: 24rpx;
        border-radius: 12rpx;
      }

      .title {
        display: flex;
        align-items: center;
        font-size: 38rpx;
        font-family: PingFangSC-Medium, PingFang SC;
        font-weight: bold;
        color: #333333;
        line-height: 50rpx;

        .enjoy {
          width: 52rpx;
          height: 28rpx;
          margin-right: 8rpx;
        }
      }

      .info {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
      }
      .num {
        font-size: 26rpx;
        color: #666666;
      }
      .price {
        font-size: 30rpx;
        font-family: DINAlternate-Bold, DINAlternate;
        font-weight: bold;
        color: #424242;
        line-height: 38rpx;

        .unit {
          font-size: 26rpx;
          font-family: PingFangSC-Medium, PingFang SC;
          font-weight: bold;
          color: #424242;
          line-height: 34rpx;
        }
      }
    }
  }
  .remark {
    display: flex;
    justify-content: space-between;
    padding-top: 36rpx;
    .remarkTitle {
      font-family: PingFangSC, PingFang SC;
      font-weight: 400;
      font-size: 28rpx;
      color: rgba(51, 51, 51, 0.84);
      line-height: 34rpx;
    }
    .remarkContent {
      font-family: PingFangSC, PingFang SC;
      font-weight: 400;
      font-size: 28rpx;
      color: rgba(153, 153, 153, 0.84);
      line-height: 34rpx;
      display: flex;
      align-items: center;

      .remarkText {
        width: 400rpx;
        text-align: right;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
      }
      .icon-rightArrow {
        margin-left: 8rpx;
      }
      &.remarkContentActive {
        color: rgba(17, 17, 17, 0.966);
      }
    }
  }
  .pay {
    padding: 24rpx;
    background: #ffffff;
    border-radius: 16rpx;
    .title {
      font-size: 28rpx;
      font-family: PingFangSC-Medium, PingFang SC;
      font-weight: bold;
      color: #333333;
      line-height: 40rpx;
      margin-bottom: 24rpx;
    }
    .payItem {
      display: flex;
      justify-content: space-between;
      margin-top: 16rpx;
      .payName {
        font-size: 24rpx;
      }
    }
  }
}

.addressPicker {
  .operate {
    text-align: center;
    font-size: 32rpx;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #333333;
    line-height: 44rpx;
    padding: 32rpx;

    .icon-close {
      float: right;
      color: #666666;
      font-size: 28rpx;
      position: relative;
      top: 6rpx;
    }
  }

  .address {
    // padding: 32rpx;

    .scrollAddress {
      height: 600rpx;

      .addressItem {
        padding: 32rpx;
        display: flex;
        justify-content: space-between;
        align-items: flex-start;

        i {
          position: relative;
          top: 7rpx;
        }

        .detail {
          display: flex;

          .companyInfo {
            margin-left: 16rpx;

            .info {
              font-size: 32rpx;
              font-family: PingFangSC-Medium, PingFang SC;
              font-weight: bold;
              color: #323232;
              line-height: 44rpx;
              margin-bottom: 8rpx;

              .default {
                width: 64rpx;
                height: 32rpx;
                margin-right: 8rpx;
                position: relative;
                top: 4rpx;
              }
            }

            .link {
              font-size: 28rpx;
              font-family: PingFangSC-Regular, PingFang SC;
              font-weight: 400;
              color: #999999;
              line-height: 34rpx;

              .phone {
                margin-left: 32rpx;
              }
            }
          }
        }

        .icon-check {
          color: #4c71ee;
        }

        .icon-uncheck {
          color: #dddddd;
        }

        .icon-edit {
          color: #999;
        }
      }
    }

    .addButton {
      border-radius: 48rpx;
      border: 2rpx solid #4c71ee;
      padding: 14rpx;
      text-align: center;
      font-size: 32rpx;
      font-family: PingFangSC-Regular, PingFang SC;
      font-weight: 400;
      color: #4c71ee;
      line-height: 44rpx;
      margin: 0 36rpx 36rpx;
    }
  }
}

.remarkPopup {
  .operate {
    text-align: center;
    font-size: 32rpx;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #333333;
    line-height: 44rpx;
    padding: 32rpx;

    .icon-close {
      float: right;
      color: #666666;
      font-size: 28rpx;
      position: relative;
      top: 6rpx;
    }
  }
  .remarkContent {
    padding: 32rpx 48rpx;
  }

  .title {
    font-size: 28rpx;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: bold;
    color: #333333;
    line-height: 40rpx;
    margin-bottom: 24rpx;
  }

  .wordLength {
    font-size: 24rpx;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #999999;
    line-height: 34rpx;
    text-align: right;
    margin-top: 8rpx;
  }
  .submitButton {
    background: #486be2;
    border-radius: 48px;
    font-size: 32rpx;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: bold;
    color: #ffffff;
    line-height: 44rpx;
    padding: 18rpx;
    text-align: center;
    margin-top: 500rpx;
  }
}
